﻿@{
    ViewBag.Title = "TestPage";
    Layout = "~/Views/Shared/_TestLayout.cshtml";
    Onlyle.Models.GaoXiaoListModel ListModel = Model;
    List<Onlyle.Model.E_GaoXiao_Article> ArticleList = ListModel.ArticleList;
    List<Onlyle.Model.E_GaoXiao_Article> DayRecommendDataList = ListModel.DayRecommendDataList;
    string picPath = "http://uimg.fotoat.com/pic/gaoxiao/" + ViewBag.Type + "/{0}/{1}";
}
<script src="~/Scripts/pin.js"></script>
<div class="wrap">
        	<div class="container">
                <section>
                	<div class="row">
                    	<div class="span6 offset1">
                            @for (int i = 0; i < ArticleList.Count; i++)
                            {
                                string imgPath = "";
                                imgPath = @ArticleList[i].GaoXiao_ImgAddress == "blank" ? "http://uimg.fotoat.com/pic/blank.gif" : string.Format(picPath, Convert.ToDateTime(ArticleList[i].GaoXiao_ContentFromDate).ToString("yyyy-MM-dd"), ArticleList[i].GaoXiao_ImgAddress);
                                <div class="post">
                                    <h2 class="title"><span><a target="_blank" href="~/gaoxiao/detail/@ArticleList[i].GaoXiao_PK">@ArticleList[i].GaoXiao_ContentTitle</a></span></h2>
                                    <p>@ArticleList[i].GaoXiao_Content</p>
                                    <img  src="@imgPath" />
                                    <div class="post_info">
                                	    <div class="fleft">来源: <span>@ArticleList[i].GaoXiao_ContentFrom</span> / By @ArticleList[i].GaoXiao_ContentFromDate / Tags <span>@ArticleList[i].GaoXiao_Type</span></div>
                                        <div class="fright">
                                            <!-- Baidu Button BEGIN -->
                                            <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare" data="{'text':'@ArticleList[i].GaoXiao_ContentTitle','desc':'@ArticleList[i].GaoXiao_ContentTitle','url':'~/gaoxiao/detail/@ArticleList[i].GaoXiao_PK'}">
                                                <a class="bds_qzone"></a>
                                                <a class="bds_tsina"></a>
                                                <a class="bds_tqq"></a>
                                                <a class="bds_renren"></a>
                                                <a class="bds_tqf"></a>
                                                <a class="bds_douban"></a>
                                                <a class="bds_tieba"></a>
                                                <a class="bds_kaixin001"></a>
                                            </div>
                                            <!-- Baidu Button END -->
                                        </div>                                    
                                	    <div class="clear"></div>
                                    </div>
                                </div>
                            }
                            <div class="pagination">
                                <ul>
                                  <li><a href="#">&larr;</a></li>
                                  <li class="active"><a href="#">10</a></li>
                                  <li class="disabled"><a href="#">...</a></li>
                                  <li><a href="#">20</a></li>
                                  <li><a href="#">&rarr;</a></li>
                                </ul>
                            </div>
                            
                        </div>
                    	<div class="span4">
                        	<div class="sidebar">
                            	
                                <div class="widget">
                                	<h2 class="title"><span>text widjet</span></h2>
                                	<p>Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                                    <p><a href="#" class="arrow_link">Read more</a></p>
                                </div>
                                
                         
                                <div class="widget tags">
                                	<h2 class="title"><span>tags</span></h2>
                                	<a href="#">Lorem ipsum</a>
                                    <a href="#">Dolor</a>
                                    <a href="#">Long established</a>
                                    <a href="#">Sit amet</a>
                                    <a href="#">Latin words</a>
                                    <a href="#">Excepteur sint</a>                                    
                                </div>
                                <div class="widget">
                                	<h2 class="title"><span>links</span></h2>
                                	<ul class="links">
                                    	<li><a href="#">Lorem ipsum dolor sit amet, consectetur</a></li> 
                                        <li><a href="#">Adipisicing elit, sed do eiusmod tempor incididunt</a></li>
                                        <li><a href="#">Ut labore et dolore magna aliqua.</a></li>
                                        <li><a href="#">Ut enim ad minim veniam, quis nostrud exercitation ullamco</a></li>
                                        <li><a href="#">Laboris nisi ut aliquip ex ea commodo consequat.</a></li>
                                        <li><a href="#">Duis aute irure dolor in reprehenderit</a></li>
                                        <li><a href="#">In voluptate velit esse cillum</a></li>
                                        <li><a href="#">Excepteur sint occaecat cupidatat non proident</a></li>
                                    </ul>                                   
                                </div>                            
                            </div>                             
                        </div>   
                                  	
                	</div>
                    
                </section>
            </div>

        </div>

<script src="~/Scripts/jquery.scrollUp.min.js"></script>
<script type="text/javascript">
    $(".sidebar").pin({
        containerSelector: ".container"
    })
</script>
<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=6835847"></script>
    <script type="text/javascript" id="bdshell_js"></script>
    <script type="text/javascript">
        document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date() / 3600000);
    </script>